@charset "utf-8";

/*头像上传并裁剪*/
#base_avatar_upload{width: 564px;height: 445px;}
#base_upload_btn_wrap{position: absolute; width: 544px; height: 428px; left: 5px; top: 5px;   border: 3px dashed #ccc;}
#base_upload_btn_select{position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -17px;background: #fd9309;display: inline-block;       /* zoom and *display = ie7 hack for display:inline-block */      *display: inline;                        cursor: pointer;      text-align: center;      text-decoration: none;            -webkit-border-radius: 2px;      -moz-border-radius: 2px;      border-radius: 2px;      -webkit-transition-property: all;      transition-property: all;      -webkit-transition-duration: .3s;      transition-duration: .3s;      border: none;      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;      font-family: "微软雅黑";      -webkit-appearance: none;width: 110px;height: 34px;line-height: 32px;color: #fff;font-size: 16px; padding: 0;}
#base_upload_btn_select:hover{background:#e0690a;}
#base_upload_file{position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -17px; opacity: 0; width: 90px; height: 35px;}
#base_upload_btn_wrap .notsupport{position: absolute;left: 50%;top: 50%;line-height: 26px;font-size: 16px;width: 260px;height: 260px;margin-left: -152px;margin-top: -152px;background-color: #FFFFF1;opacity: 0.9;border: 1px dashed #929292;text-indent: 2em;padding: 20px;}
#base_upload_action_wrap{width: 573px;height: 444px;overflow: hidden;position: relative;display: none;}
#base_upload_img_wrap{width: 440px; height: 440px; border: 1px solid #ccc; position: absolute; left: 0; top: 0;}
#base_upload_preview{position: absolute; left: 458px; width: 100px; height: 100px; border: 1px solid rgb(54, 163, 255); overflow: hidden; border-radius: 50%; top: 10px;}
#base_upload_btns{position: absolute; width: 30px; height: 122px; top: 305px; background-color: #36A3FF; left: 469px; border-radius: 2px;}
#base_upload_btns span.icon{background: url(icons.png);width: 20px;height: 20px;display: block;cursor: pointer;float: left;margin-left: 4px;margin-top: 6px;}
#base_upload_btns span.icon-zoom-in{background-position: -59px 0;}
#base_upload_btns span.icon-zoom-out{background-position: -89px 0;}
#base_upload_btns span.icon-rotate-left{background-position: -119px 0;}
#base_upload_btns span.icon-rotate-right{background-position: -150px 0;}


/*图片自由裁剪*/
#base_autoImgCut_upload{
    width: 900px;
    height: 560px;
}
#base_autoImgCut_btn_wrap{
    position: absolute;
    width: 880px;
    height: 540px;
    left: 5px;
    top: 5px;
    border: 3px dashed #ccc;
}
#base_autoImgCut_btn_select{position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -17px;background: #fd9309;display: inline-block;       /* zoom and *display = ie7 hack for display:inline-block */      *display: inline;                        cursor: pointer;      text-align: center;      text-decoration: none;            -webkit-border-radius: 2px;      -moz-border-radius: 2px;      border-radius: 2px;      -webkit-transition-property: all;      transition-property: all;      -webkit-transition-duration: .3s;      transition-duration: .3s;      border: none;      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;      font-family: "微软雅黑";      -webkit-appearance: none;width: 110px;height: 34px;line-height: 32px;color: #fff;font-size: 14px; padding: 0;}
#base_autoImgCut_btn_select:hover{background:#e0690a;}
#base_autoImgCut_file{position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -17px; opacity: 0; width: 90px; height: 35px;}
#base_autoImgCut_btn_wrap .notsupport{position: absolute;left: 50%;top: 50%;line-height: 26px;font-size: 16px;width: 260px;height: 260px;margin-left: -152px;margin-top: -152px;background-color: #FFFFF1;opacity: 0.9;border: 1px dashed #929292;text-indent: 2em;padding: 20px;}
#base_autoImgCut_action_wrap{width: 880px;height: 540px;overflow: hidden;position: relative;display: none;}
#base_autoImgCut_img_wrap{width: 880px;height: 540px;border: 1px solid #ccc;position: absolute;left: 0;top: 0;}
#base_autoImgCut_btns{position: absolute;width: 106px;height: 30px;bottom: 5px;background-color: rgba(0, 0, 0, 0.54);left: 50%;border-radius: 2px;margin-left: -52px;}
#base_autoImgCut_btns span.icon{background: url(icons.png);width: 20px;height: 20px;display: block;cursor: pointer;float: left;margin-left: 4px;margin-top: 6px;}
#base_autoImgCut_btns span.icon-zoom-in{background-position: -59px 0;}
#base_autoImgCut_btns span.icon-zoom-out{background-position: -89px 0;}
#base_autoImgCut_btns span.icon-rotate-left{background-position: -119px 0;}
#base_autoImgCut_btns span.icon-rotate-right{background-position: -150px 0;}
